<template>
	<view class="content">
		<view class="title">
			首页
			<button type="primary" size="mini" @click="goGoodsList">商品列表</button>
		</view>
		<swiper :indicator-dots="true" :autoplay="true">
			<swiper-item>
				<img src="/static/swiperImg/picture-1.jpg" alt="" />
			</swiper-item>
			<swiper-item>
				<img src="/static/swiperImg/picture-2.jpg" alt="" />
			</swiper-item>
			<swiper-item>
				<img src="/static/swiperImg/picture-3.jpg" alt="" />
			</swiper-item>
			<swiper-item>
				<img src="/static/swiperImg/picture-4.jpg" alt="" />
			</swiper-item>
		</swiper>
		 <switch checked="true" />
		 <!-- 使用扩展组件 -->
		    <uni-countdown :day="1" :hour="1" :minute="12" :second="40"></uni-countdown>
	</view>
</template>

<script setup lang="ts">
	const goGoodsList = () =>{
		uni.navigateTo({
			url:"/subpkg_goods/list/list"
		})
	}
</script>

<style lang="scss" scoped>
	.content {
		width: 100vw;
		height: 100vh;
		// background-color:$uni-bg-color;
		.title{
			width: 200rpx;
			height: 200rpx;
			background-color: yellow;
		}
	}
	swiper{
		width: 750rpx;
		height: 400rpx;
		img{
			width: 100%;
		}
	}
	
</style>
